<script setup lang="ts">
  import logo from '@/assets/images/logo1.png';
  const title = import.meta.env.VITE_APP_TITLE;
  import { BasicRouter } from '@/router/types';
  const { HOME } = BasicRouter;
</script>

<template>
  <div class="flex-justify-items-center py-2 lg:py-10">
    <div class="flex-justify-items-center h-[60px] w-fit space-x-2 pr-4">
      <el-image :src="logo" class="w-10 h-10 lg:w-14 lg:h-14" />
      <h1
        class="text-lg lg:text-xl xl:text-2xl dark:text-logo-text-dark xl:dark:text-logo-text font-black font-serif text-logo-text-dark xl:text-inherit"
      >
        {{ title }}
      </h1>
    </div>
  </div>
</template>

<style lang="scss"></style>
